<template>
	<div>
		<div style="display: flex;width: 100vw;margin: 10px 20px;align-items: center;">
			<uv-avatar src="https://cdn.uviewui.com/uview/album/1.jpg" size="60"></uv-avatar>
			<div style="padding-left: 10px;">
				<div style="font-size: 18px;font-weight:bolder;display: flex;">
					<div>神皇</div>
					<uv-icon size="25" name="edit-pen"></uv-icon>
				</div>
				<div style="color:rgb(95, 95, 95);">写点什么吧</div>
			</div>
		</div>
		<div>
			<uv-grid :col="3" @click="events.gridClick">
				<uv-grid-item v-for="(item,index) in state.baseList" :key="index">
					<text class="grid-text">{{item.title}}</text>
				</uv-grid-item>
			</uv-grid>
		</div>
		<div>
			<uv-cell-group :border="false">
				<uv-cell icon="star" title="我的收藏" isLink></uv-cell>
				<uv-cell icon="file-text" title="我的文章" isLink></uv-cell>
			</uv-cell-group>
		</div>
	</div>
</template>

<script>
	import {
		onUnmounted,
		reactive
	} from 'vue'
	import {
		onPullDownRefresh,
		onHide
	} from '@dcloudio/uni-app'
	export default {
		setup() {
			const state = reactive({
				baseList: [{
					title: '关注'
				}, {
					title: '粉丝'
				}, {
					title: '浏览'
				}]
			})

			const events = {
				gridClick: (e) => {
					console.log("eee", e);
				}
			}

			console.log(22);
			return {
				state,
				events
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>